<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <form action="baidu" method="get">
        <!-- 账号里的text可省略  <p>账号:<input type></p>-->
        <p>账号:<input name="账号" type="text" placeholder="请输入账号..." maxlength="8"></p>
        <p>密码:<input name="密码" type="password"></p>

        <p>爱好:
            <input type="checkbox">抽烟
            <input type="checkbox" checked="checked">喝酒
            <input type="checkbox">烫头
        </p>

        <p>性别:
            <input type="radio" name="sex" checked="checked">男
            <input type="radio" name="sex">女
        </p>

        <p>头像:
            <input type="file">
        </p>

        <p>血型:
            <select>
                <option>A型</option>
                <option>B型</option>
                <option>C型</option>
                <option selected="selected">O型</option>
            </select>
        </p>

        <p>个人简介:
            <textarea cols="10" rows="5"></textarea>
        </p> 

        <!-- 默认是"重置"   如果写value 就变成所写的
        在form中 <button>和submit一样   不在form 就是普通按钮 但配合js可扩展性更高-->
        <p>
            <input type="reset" value="清空">
            <input type="submit" value="提交">
            <input type="button" value="取消">
            <button>保存</button> 

        </p>
    </form>
</body>
</html>